import React,{ useState } from 'react'
import {NavLink,Outlet} from 'react-router-dom'
import { LeftOutline} from 'antd-mobile-icons'
import { Button,Divider } from 'antd-mobile'
export default function Indexse() {
    const [inputValue, setInputValue] = useState('');

  // 处理输入框变化的函数
  const handleInputChange = (event) => {
    setInputValue(event.target.value); // 更新状态
  };
  return (
    <div>
        <div><NavLink to='/show/index'><LeftOutline fontSize={30} /></NavLink>  <span style={{fontSize:'20px',marginLeft:'100px'}}>搜索</span> </div>
        <Divider />
        <div style={{width:'90%',marginLeft:'5%',borderRadius:'10px',border:'1px solid black',height:'60px'}}>
            <input type="text"  value={inputValue} onChange={handleInputChange} placeholder='搜索' style={{borderRadius:'15px'}}/>

        </div>

        <div style={{width:'90%',marginLeft:'5%',borderRadius:'10px',border:'1px solid black',height:'400px'}}>
            <div style={{fontSize:'20px'}}>历史记录</div>
            <div>
            <p> <Button color='primary' fill='outline'>
            {inputValue}
          </Button></p>
                
            </div>

        </div>

    </div>
  )
}
